<style>
  .jstree-clicked {
    background-color: #404040 !important;
    box-shadow: inset 0 0 0px #999 !important;
    border: 0px;
  }

  .jstree-hovered {

    background-color: #404040 !important;
    box-shadow: inset 0 0 0px #999 !important;
    border: 0px;

  }
</style>
<div class="wrapper wrapper-content m-wrapper-content" ng-controller="EBPController" >
  <div ng-include="'app/Contouring02/ContouringToolbar.html'" id="toolbar"></div>
  <!--<div class="row">-->

    <!--<div class="col-lg-2 no-padding TRtree" style="color:white">-->

      <!--<div class="col-lg12 no-padding no-margins">-->
        <!--<div class="ibox no-margins mBox" style="height: 217px;background-color: white">-->

          <!--<div class="ibox-content" style="border-top: 0px;">-->
            <!--<div id="jstree_demo_div" js-tree="treeConfig3" ng-model="treeData3" tree="treeInstance3"-->
                 <!--tree-events="ready:readyCB;create_node:createNodeCB;loaded:loadedCB;init:initCB;load_all:load_allCB"></div>-->
          <!--</div>-->

        <!--</div>-->
      <!--</div>-->


      <!--<div class="col-lg12 no-padding no-margins" ng-style="detailTree">-->
        <!--&lt;!&ndash;<button ng-click="changeIconColor()">changeIconColor</button>&ndash;&gt;-->

        <!--&lt;!&ndash;{{selected_nodes|json}}&ndash;&gt;-->
        <!--<div class="col-lg12 no-padding no-margins">-->
          <!--<div class="ibox mBox">-->

            <!--<div class="ibox-content">-->
              <!--<div js-tree="treeConfig" ng-model="treeData" id="showLine" ng-click="showLine()" tree="treeInstance2"-->
                   <!--tree-events-obj="treeEventsObj"></div>-->
            <!--</div>-->

          <!--</div>-->
        <!--</div>-->
      <!--</div>-->


    <!--</div>-->

    <!--<div class="col-lg-5 no-padding" style="border-right: 1px solid white" ng-hide="befull">-->

      <!--<div class="col-lg-12 no-padding">-->
        <!--<div class="ibox mBox">-->
          <!--<div class="ibox-title mTitle mBox-center-Title">-->
            <!--<h5>Frontal-TRstruct</h5>-->
            <!--<div ibox-tools-full-screen></div>-->
          <!--</div>-->
          <!--<div class="ibox-content mBox-content-4 no-padding" style="background-color: black!important;">-->
            <!--<div ng-include="'app/loading/loading.html'"></div>-->
            <!--<div id="imageContainer" style=""></div>-->
            <!--<div style="position: absolute; z-index: 999; width: 60%; display: none;"-->
                 <!--class="wid-right">-->
              <!--<input type="range" id="slice-range">-->
            <!--</div>-->
          <!--</div>-->
        <!--</div>-->
      <!--</div>-->

      <!--<div class="col-lg-12 no-padding">-->
        <!--<div class="ibox mBox" id="ibox2" ng-style="ibox2">-->
          <!--<div class="ibox-title mTitle">-->
            <!--<h5>Sagittal-TRstruct</h5>-->
            <!--<div class="ibox-tools dropdown" dropdown>-->

              <!--<a ng-click="lm_fullscreen()">-->
                <!--<i class="fa fa-expand"></i>-->
              <!--</a>-->
              <!--<a class="dropdown-toggle" href dropdown-toggle>-->
                <!--<i class="fa fa-wrench"></i>-->
              <!--</a>-->

            <!--</div>-->
          <!--</div>-->
          <!--<div class="ibox-content no-padding mBox-content-4" style="background-color: black!important;">-->
            <!--<img src="assets/images/EBP//new/plan02.png" style="margin-top: 60px;" width="100%" alt="">-->
          <!--</div>-->
        <!--</div>-->
      <!--</div>-->


    <!--</div>-->

    <!--<div class="col-lg-5 no-padding" ng-hide="befull">-->

      <!--<div class="col-lg-12 no-padding">-->
        <!--<div class="ibox mBox">-->
          <!--<div class="ibox-title mTitle mBox-center-Title">-->
            <!--<h5>Frontal-TRstruct</h5>-->
            <!--<div ibox-tools-full-screen></div>-->
          <!--</div>-->
          <!--<div class="ibox-content mBox-content-4 no-padding" style="background-color: black!important;">-->
            <!--<img src="assets/images/EBP/new/plan03.png" width="100%" style="margin-top: 77px;" alt="">-->
          <!--</div>-->
        <!--</div>-->
      <!--</div>-->

      <!--<div class="col-lg-12 no-padding">-->
        <!--<div class="ibox mBox" id="echartsContainer">-->
          <!--<div class="ibox-title mTitle">-->
            <!--<h5>Sagittal-TRstruct</h5>-->
            <!--<div ibox-tools-full-screen></div>-->
          <!--</div>-->
          <!--<div class="no-padding mBox-content-4" id="echartsLine"-->
               <!--style="background-color: black!important;margin-top: 4px;">-->

          <!--</div>-->
        <!--</div>-->
      <!--</div>-->


    <!--</div>-->

    <!--<div class="col-lg-10 no-padding"  ng-hide="!befull">-->
      <!--<div class="col-lg-12 no-padding">-->
        <!--<div class="ibox mBox">-->
          <!--<div class="ibox-title mTitle">-->
            <!--<h5>Sagittal-TRstruct</h5>-->
            <!--<div class="ibox-tools dropdown" dropdown>-->

              <!--<a ng-click="lm_fullscreen()">-->
                <!--<i class="fa fa-expand"></i>-->
              <!--</a>-->
              <!--<a class="dropdown-toggle" href dropdown-toggle>-->
                <!--<i class="fa fa-wrench"></i>-->
              <!--</a>-->

            <!--</div>-->
          <!--</div>-->
          <!--<div class="ibox-content no-padding" style="background-color: black!important;">-->
            <!--<img src="assets/images/EBP/new/plan03.png" width="100%"id="fullContainer" alt="">-->
          <!--</div>-->
        <!--</div>-->
      <!--</div>-->

    <!--</div>-->


  <!--</div>-->

  <div class="row">

    <div class="col-md-2 no-padding TRtree" style="color:white;overflow: hidden">

      <div class="col-lg12 no-padding no-margins">
        <div class="ibox no-margins mBox" style="min-height: 217px;background-color: white">

          <div class="ibox-content" style="border-top: 0px;">
            <div id="jstree_demo_div" js-tree="treeConfig3" ng-model="treeData3" tree="treeInstance3"
                 tree-events="ready:readyCB;create_node:createNodeCB;loaded:loadedCB;init:initCB;load_all:load_allCB"></div>
          </div>

        </div>
      </div>


      <div id="treeDown" class="col-lg-12 no-padding no-margins" ng-style="detailTree">
        <!--<button ng-click="changeIconColor()">changeIconColor</button>-->

        <!--{{selected_nodes|json}}-->
        <div  id="Scrollbar_TRstruct" class="col-lg12 no-padding no-margins tr-background content mCustomScrollbar" data-mcs-theme="dark">
          <div class="ibox mBox">

            <div class="ibox-content tr-background">
              <!--<div js-tree="treeConfig" ng-model="treeData" tree="treeInstance2" tree-events="ready:readyCB;create_node:createNodeCB;loaded:loadedCB;init:initCB;load_all:load_allCB"></div>-->
              <div  id="jstree_TRstruct" js-tree="treeConfig5" ng-model="treeData5" tree="treeInstance5" tree-events-obj="treeEventsObj" ng-click="showLine()"></div>
            </div>

          </div>
        </div>
      </div>


    </div>

    <div class="col-md-10 no-padding" id="totalContainer">
      <div class="col-md-6 no-padding" style="border-right: 1px solid white" ng-style="ibox_1">

        <div class="col-md-12 no-padding"ng-style="ibox1">
          <div class="ibox mBox">
            <div class="ibox-title mTitle mBox-center-Title">
              <h5>Frontal-TRstruct</h5>
              <div class="ibox-tools dropdown" dropdown>

                <a ng-click="lm_fullscreen(1)">
                  <i class="fa fa-expand"></i>
                </a>
                <a class="dropdown-toggle" href dropdown-toggle>
                  <i class="fa fa-wrench"></i>
                </a>

              </div>
            </div>
            <div class="ibox-content mBox-content-4 no-padding"ng-style="ibox1" style="background-color: black!important;position: relative;">
              <div ng-include="'app/loading/loading.html'"></div>
              <div style="z-index: 999;position: absolute">
                <div style="position: absolute;z-index: 999;width: 38px;margin-left: 10px;">
                  <h6 style="color: red;font-weight: 700">Dose[cGy]</h6>
                  <input ng-model="verticalSlider2.maxValue" type="text" class="form-control rangeInput"ng-keyup="compareRange(verticalSlider2.minValue,verticalSlider2.maxValue)" >
                </div>
                <rzslider rz-slider-model="verticalSlider2.minValue" rz-slider-high="verticalSlider2.maxValue" style="height: 256px!important;margin-top: 70px;margin-left: 20px;z-index: 999 "
                          rz-slider-options="verticalSlider2.options"></rzslider>
                <div style="position: absolute;z-index: 10;width: 38px;margin-left: 10px;margin-top: 10px;">
                  <input ng-model="verticalSlider2.minValue" type="text" class="form-control rangeInput" ng-keyup="compareRange(verticalSlider2.minValue,verticalSlider2.maxValue)">
                </div>
              </div>

              <div id="imageContainer">

              </div>
              <div style="position: absolute; z-index: 999; width: 60%; display: none;"  class="wid-right">
                <input type="range" id="slice-range">
              </div>
            </div>
          </div>
        </div>

        <div class="col-md-12 no-padding"ng-style="ibox2">
          <div class="ibox mBox" >
            <div class="ibox-title mTitle">
              <h5>Sagittal-TRstruct</h5>
              <div class="ibox-tools dropdown" dropdown>

                <a ng-click="lm_fullscreen(2)">
                  <i class="fa fa-expand"></i>
                </a>
                <a class="dropdown-toggle" href dropdown-toggle>
                  <i class="fa fa-wrench"></i>
                </a>

              </div>
            </div>
            <div class="ibox-content no-padding mBox-content-4" style="background-color: black!important;"ng-style="ibox2">
              <img src="assets/images/EBP/new/plan02.png" style="margin-top: 60px;" width="100%" alt="">
            </div>
          </div>
        </div>


      </div>

      <div class="col-md-6 no-padding" ng-style="ibox_2">

        <div class="col-md-12 no-padding" ng-style="ibox3">
          <div class="ibox mBox" >
            <div class="ibox-title mTitle">
              <h5>Sagittal-TRstruct</h5>
              <div class="ibox-tools dropdown" dropdown>

                <a ng-click="lm_fullscreen(3)">
                  <i class="fa fa-expand"></i>
                </a>
                <a class="dropdown-toggle" href dropdown-toggle>
                  <i class="fa fa-wrench"></i>
                </a>

              </div>
            </div>
            <div class="ibox-content no-padding mBox-content-4" style="background-color: black!important;"ng-style="ibox3">
              <img src="assets/images/EBP/new/plan03.png" style="margin-top: 60px;" width="100%" alt="">
            </div>
          </div>
        </div>

        <div class="col-md-12 no-padding" ng-style="ibox4">
          <div class="ibox mBox" id="echartsContainer">
            <div class="ibox-title mTitle">
              <h5>dvh</h5>
              <div class="ibox-tools dropdown" dropdown>

                <a ng-click="lm_fullscreen(4)">
                  <i class="fa fa-expand"></i>
                </a>
                <a class="dropdown-toggle" href dropdown-toggle>
                  <i class="fa fa-wrench"></i>
                </a>

              </div>
            </div>
            <div class="no-padding mBox-content-4" id="echartsLine" ng-style="ibox4"
                 style="background-color: black!important;margin-top: 4px;">

            </div>
          </div>
        </div>


      </div>
    </div>

  </div>


</div>

